@import '../../style/variable.scss';

.xxm-stepper-ls{
    font-size: 0;
  &__minus,
  &__plus {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin: 1px;
    vertical-align: middle;
    border: 0;
    // background-color: $stepper-background-color;
    color: $stepper-button-icon-color;
    width: $stepper-input-height;
    height: $stepper-input-height;
    // padding: $padding-base;
    

    // &::before {
    //   width: 18px;
    //   height: 2px;
    // }

    // &::after {
    //   width: 2px;
    //   height: 18px;
    // }

    // &::before,
    // &::after {
    //   position: absolute;
    //   top: 0;
    //   right: 0;
    //   bottom: 0;
    //   left: 0;
    //   margin: auto;
    //   background-color: currentColor;
    //   content: '';
    // }

    &--hover {
      background-color: $stepper-active-color;
    }

    &--disabled {
      color: $stepper-button-disabled-icon-color;
      background-color: $stepper-button-disabled-color;
    }

    &--disabled {
      background-color: $stepper-button-disabled-color;
    }
  }

  &__minus {
    border-radius: $stepper-border-radius 0 0 $stepper-border-radius;

    &::after {
      display: none;
    }
  }

  // &__plus {
  //   border-radius:0 $stepper-border-radius $stepper-border-radius 0;
  //   background-color: $primary;
  //   color: #fff;
  // }

  &__input {
    display: inline-block;
    box-sizing: border-box;
    // 覆盖 common style 中 input 的 min-height: 1.4rem;
    // 避免 button-size 对 input 设置的 height 不生效
    min-height: 0;
    margin: 1px;
    padding: 1px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 0;
    border-width: 1px 0;
    border-radius: 0;
    -webkit-appearance: none;
    font-size: $stepper-input-font-size;
    color: $stepper-input-text-color;
    // background-color: $stepper-background-color;
    width: $stepper-input-width;
    height: $stepper-input-height;

    &--disabled {
      color: $stepper-input-disabled-text-color;
      background-color: $stepper-input-disabled-background-color;
    }
  }
}